<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text=" '首页 - ' + ${infoMap['title']}"></title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
    <div data-th-replace="layout/index-hade"></div>
    <!--banner index begin-->
    <div class="i-banner__wrap" id="banner">
        <div class="">
            <div class="carousel slide" id="carousel1"  data-interval="3000">
                <div class="carousel-inner">
                    <div class="item active">
                        <a href="">
                            <img alt="image" class="img-responsive" th:src="@{{path}/front/web/v3/img/default/default-banner.jpg(path=${staticPath})}"/>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--banner index end
        ps：如结构为背景色平铺效果：需给 img 添加 class='container' 即可a
    -->

    <div class="cm-bg-fb">
        <div class="mt20">
            <div class="container">
                <section class="c-info-tab i-c-tab__wrap clearfix">
                    <aside class="pull-right mt10">
                        <a th:href="@{/web/course/courseList}" id="allCourse" class="c-ccc">全部课程 <i class="fa fa-arrow-right"></i></a>
                    </aside>
                    <h4 class="active" data-id="IBC"><span class="fs16 c-333">精选课程</span></h4>
                    <h4 class="" data-id="IHC"><span class="fs16 c-333">热门课程</span></h4>
                    <h4 class="" data-id="IRP"><span class="fs16 c-333">推荐套餐</span></h4>
                </section>
                <div>
                    <div class="mt20 pt10">
                        <div class="course-list__wrap" style="min-height: inherit">
                            <div id="course" class="row">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--推荐课程 结束-->

    <!--免费直播 开始-->
    <div>
        <div class="mt20 mb20 pb10">
            <div>
                <div class="container">
                    <section class="c-head-title clearfix">
                        <aside class="pull-right mt10">
                            <a th:href="@{/web/course/open/index}" class="c-ccc">更多
                                <i class="fa fa-arrow-right"></i>
                            </a>
                        </aside>
                        <h6><span class="fs18 c-333">免费直播</span></h6>
                        <hr />
                    </section>
                </div>
                <div class="ic-slide__wrap" id="courseOpen">

                </div>
            </div>
        </div>
    </div>
    <!--免费直播 结束-->

    <div class="cm-bg-fb">
        <div class="pt10">
            <div class="container">
                <section class="c-head-title clearfix">
                    <aside class="pull-right mt10">
                        <a th:href="@{/web/teacher/list}" class="c-ccc">更多
                            <i class="fa fa-arrow-right"></i>
                        </a>
                    </aside>
                    <h6><span class="fs18 c-333">全网名师</span></h6>
                    <hr />
                </section>
                <div class="mt20 pt10">
                    <div class="row" id="teacher">

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--讲师 结束-->

    <div>
        <div class="mt20 mb20 pb10">
            <div class="container">
                <section class="c-head-title clearfix">
                    <aside class="pull-right mt10">
                        <a th:href="@{/web/book/list}" class="c-ccc">更多
                            <i class="fa fa-arrow-right"></i>
                        </a>
                    </aside>
                    <h6><span class="fs18 c-333">推荐图书</span></h6>
                    <hr />
                </section>
                <div class="mt20">
                    <div class="row" id="book">

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--图书 结束-->

    <div class="cm-bg-fb">
        <div class="pt10">
            <div class="container">
                <section class="c-head-title clearfix">
                    <aside class="pull-right mt10">
                        <a th:href="@{/web/article/articleIndex}" class="c-ccc">更多
                            <i class="fa fa-arrow-right"></i>
                        </a>
                    </aside>
                    <h6><span class="fs18 c-333">行业资讯</span></h6>
                    <hr />
                </section>
                <div class="mt20 pt10">
                    <div class="article-tj-list__wrap" style="padding-bottom: 0;" id="article">

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--资讯 结束-->
    <div data-th-replace="layout/footer"></div>
    <script type="text/javascript" th:src="@{{path}/front/web/business/index/index.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/web/business/common/ads-dialog.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>